<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /* 
            输出图形
         */
         for(var i=0;i<9;i++){
             /* 
                在循环的内部再创建一个循环，用来控制图形的宽度
                目前我们的外部的for 循环执行依次，内部的就会执行5次
                内层循环可以来决定图形的宽度，执行几次图形的宽度就是多少
              */
                for(var j=0;j<9-i;j++){
                // for(var j=0;j<i+1;j++){
                    document.write("*&nbsp;&nbsp");
                }
                //输出一个换行     
                document.write("<br/>")

              }
         
    </script>
</head>
<body>
    
</body>
</html>